.sea {
  -webkit-overflow-scrolling: touch;
}
.sea ul {
  width: 5000px;
  height: 5000px;
  background: #87e0f2;
  position: relative;
  background-size: contain;
  overflow: hidden;
}
.sea ul #goal {
  position: fixed;
  top: 10px;
  left: 800px;
  font-size: large;
  user-select: none;
}
.sea ul li {
  list-style: none;
  position: absolute;
  height: 30px;
  width: 20px;
  top: 500px;
  left: 500px;
  z-index: 100;
  background: url(../images/xiaokedou2.png) no-repeat;
  background-size: contain;
}
.sea ul span:nth-child(-n+100) {
  position: absolute;
  height: 30px;
  width: 20px;
  background-size: contain;
  border: #87e0f2;
  background-repeat: no-repeat;
}
.sea ul span:nth-child(-n+130):nth-child(n+100) {
  position: absolute;
  height: 100px;
  width: 80px;
  background-size: contain;
  border: #87e0f2;
  background-repeat: no-repeat;
}
.sea ul span:nth-child(-n+150):nth-child(n+130) {
  position: absolute;
  height: 100px;
  width: 80px;
  background-size: contain;
  border: #87e0f2;
  background-repeat: no-repeat;
}
.sea ul div {
  position: absolute;
  height: 100px;
  width: 80px;
  border: #87e0f2;
  background-size: contain;
  background-repeat: no-repeat;
}
